<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>懒洋洋商城账号注册</title>
    <link rel="stylesheet" href="../static/registernew.css"></head>
    <script src="../static/js/jquery.3.6.min.js"></script>
    <script src="{{ url_for('static', filename='js/register.js') }}"></script>
<body>
<div class="wrapper">
    <div class="container">
        <div class="sign-up-container">
            <form><h1>登录</h1>
                <div class="social-links">
                    <div><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></div>
                    <div><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></div>
                    <div><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></div>
                </div>
                <span>或者使用你的账号</span>
                <input type="email" placeholder="Email">
                <input type="password" placeholder="密码">
                <button class="form_btn">登录</button>
            </form>
        </div>
        <div class="sign-in-container">
            <form method="POST"><h1 style="margin-top: 15px">创建账号</h1>
                <div class="social-links" style="margin-top:10px">
                    <div style="background-color: #e03d4a"><a href="/gitee/login"><i class="fa fa-gitee" style="color: white;font-size: larger; font-weight:bolder">G</i></a></div>
                    <span>第三方账号</span>
                    <!--                    <div><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></div>-->
                    <!--                    <div><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></div>-->
                </div>
                <input type="text" placeholder="用户名" name="username" id="username">
                <input type="email" placeholder="Email" name="email" id="email">
                <div>
                    <input type="text" class="check" style="margin-left: 18px" placeholder="请输入验证码" name="captcha" id="captcha">
                    <button type = "button" id="code" style="padding:12px 12px;box-shadow: -5px -5px 10px #fff,5px 5px 8px #babebc">获取</button>
                </div>
                <input type="password" placeholder="密码" name="password" id="password">
                <input type="password" placeholder="再次输入密码" name="password_confirm" id="password_confirm">
                <button class="form_btn">注册</button>
            </form>
    </div>
        <div class="overlay-container">
            <div class="overlay-right"><h1>欢迎回来</h1>
                <p>登录账号进入懒洋洋商城吧！</p>
                <button id="signIn" class="overlay_btn"><a style="color:#FFFFFF;text-decoration: none" href="/login">登录</a> </button></div>
        </div>
    </div>
</div>
</body></html>